<template>
    <div class="mine_cp">
        <div class="title">
            @ 吴掌柜
        </div>
        <div class="phone">2978968560@qq.com</div>
        <div class="content">
            一篇文字博客，记录着姓吴的他工作上遇到的解决的各种坑，既然是个人博客嘛！简简单单的就好。
        </div>
    </div>
</template>

<script>
//博客我的信息
export default { 
    name: 'MineCp',
}
</script>

<style scoped lang="scss">
.mine_cp{
    border-radius: 2px;
    text-align: left;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content;
    grid-gap: 15px;
    >.title{
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
    }
    >.phone{
        opacity: 0.8;
        font-size: 15px;
    }
    >.content{
        font-size: 17px;
        line-height: 1.7;
    }
}
</style>